<template>
  <div>
    <base-layout>
      <template #baseHeader>
        <main-logo></main-logo>
      </template>
      <template #baseFooter>
        <footer-content></footer-content>
      </template>
      <template #baseSideBar>
        <base-list></base-list>
      </template>
      <template #default>
        <main-board></main-board>
      </template>
    </base-layout>
  </div>
</template>

<script>
import BaseLayout from "./components/BaseLayout/index.vue";
import MainLogo from "./components/MainLogo/index.vue";
import FooterContent from "./components/FooterContent/index.vue";
import BaseList from "./components/BaseList/index.vue";
import MainBoard from "./components/MainBoard/index.vue";

export default {
  name: "App",
  components: {
    BaseLayout,
    MainLogo,
    FooterContent,
    BaseList,
    MainBoard,
  },
};
</script>